﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true"
    CodeBehind="AAddSupportingMaterials.aspx.cs" Inherits="AB.ServiceDirectory.Design.SupportingMaterials.AddASupportingMaterials" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script type="text/javascript">
        $(function () {
            $("#tabs").tabs();
        });

    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentTitle" runat="server">
    <h2>
        Supporting Materials Details</h2>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="Content" runat="server">
    <div class="grid740 simplebox relative">
        <div id="tabs">
            <ul>
                <li>
                    <asp:HyperLink ID="LinkDetails01" NavigateUrl="#DetailsPanel01" runat="server">Details 1</asp:HyperLink></li>
            </ul>
            <span class="top-right-cornor">
                <asp:Button CssClass="st-button" ID="ButtonSave" runat="server" Text="Save" OnClick="ButtonSave_Click" />
                <asp:Button CssClass="st-button" ID="ButtonBack" runat="server" Text="Back" PostBackUrl="~/Organisation/OrganisationList.aspx"
                    CausesValidation="False" />
            </span>
            <%--DETAIL PANEL 02--%>
            <%--DETAIL PANEL 03--%>
            <%--DETAIL PANEL 05--%>
            <asp:Panel ID="DetailsPanel01" ClientIDMode="Static" runat="server">
                <%--Mỗi một dòng có đường kẻ ngang là một div với class st-form-line-noleft--%>
                <div class="st-form-line-noleft">
                    <%--Phần bên trái của 1 dòng là 1 label và 1 textbox, checkbox,...--%>
                    <div class="half">
                        <asp:Label ID="LabelURL" Text="URL" runat="server" CssClass="st-labeltext level1"
                            AssociatedControlID="TextBoxURL">
                            <asp:RequiredFieldValidator ID="RequiredFieldValidatorULR" runat="server" ErrorMessage="*"
                                ForeColor="red" ControlToValidate="TextBoxURL"></asp:RequiredFieldValidator>
                        </asp:Label><asp:TextBox ID="TextBoxURL" CssClass="st-forminput" runat="server" Width="210px"></asp:TextBox>
                    </div>
                    <%--Phần bên phải tương tự nhưng có thêm class là last--%><div class="half last">
                        <asp:Label ID="LabelAddedBy" runat="server" AssociatedControlID="TextBoxAddedBy"
                            CssClass="st-labeltext level1" Text="Added By">
                            
                        </asp:Label><asp:TextBox ID="TextBoxAddedBy" runat="server" CssClass="st-forminput st-disable" ReadOnly="true" ></asp:TextBox>
                    <%--Bắt buộc phải có phần này sau 2 thẻ div có class là half--%><div class="clear">
                    </div>
                </div>
                <%--Mỗi một dòng có đường kẻ ngang là một div với class st-form-line-noleft--%>
                <div class="st-form-line-noleft">
                    <div class="half">
                        <asp:Label ID="LabelDescription" runat="server" CssClass="st-labeltext level1" AssociatedControlID="TextBoxDescription">
                            
                        Description</asp:Label><asp:TextBox ID="TextBoxDescription" CssClass="st-forminput"
                            runat="server" Width="210px" TextMode="MultiLine" Rows="3"></asp:TextBox></div>
                    <div class="half last">
                        <asp:Label ID="LabelAddedDate" runat="server" AssociatedControlID="TextBoxAddedDate"
                            CssClass="st-labeltext level1" Text="Added Date"></asp:Label><asp:TextBox ID="TextBoxAddedDate"
                                runat="server" CssClass="st-forminput st-disable" Width="210px" ReadOnly="true"></asp:TextBox><br />
                    </div>
                    <div class="clear">
                    </div>
                </div>
                <div class="st-form-line-noleft">
                    <div class="half">
                        <asp:Label ID="LabelType" runat="server" Text="Type" CssClass="st-labeltext level1"
                            AssociatedControlID="DropDownListType"></asp:Label>
                        <asp:DropDownList ID="DropDownListType" DataTextField="Type" DataValueField="Type"
                            runat="server" CssClass="st-forminput" Width="220px" AutoPostBack="True">
                        </asp:DropDownList>
                    </div>
                    <div class="clear">
                    </div>
                </div>
                </div>
            </asp:Panel>
            <%--DETAIL PANEL 02--%>
            <%--DETAIL PANEL 03--%>
            <%--DETAIL PANEL 05--%>
            <%--WEB USER CONTROL--%><%--ADDRESS - POSTCODE LOOKUP--%><%--CONTACT LOOKUP--%>
            <%--BUSINESS LOOKUP--%>
            <%--DIALOG BOX--%>
        </div>
    </div>
</asp:Content>
